<template>
  <div class="ai-chart-setting h-full flex flex-col ">
    <v-jsoneditor v-model="dataInfo.gadgetSetting"
                  :options="jsoneditorSetting.options"
                  :plus="jsoneditorSetting.plus"
                  :height="jsoneditorSetting.height"
                  :indentation="jsoneditorSetting.indentation"
                  :search="jsoneditorSetting.search"
                  :path="jsoneditorSetting.path"
                  :color="jsoneditorSetting.color"></v-jsoneditor>
  </div>
</template>

<script>

export default {
  name: 'AiChartSetting',
  props: {
    dataInfo: {
      type: Object,
      default: () => ({})
    },
  },
  data () {
    return {
      jsoneditorSetting: {
        options: { mode: 'code', modes: ['tree', 'code'] },
        plus: false,
        height: '400px',
        indentation: 2,
        search: true,
        color: 'red',
        path: false
      },
    }
  },
  methods:{
    getData () {
      return false
    },
  }
}
</script>
